<script setup lang="ts">
import { useRouter } from "vue-router";
import listDetails from "./components/listDetails.vue";
import detailsLatentRisks from "./components/detailsLatentRisks.vue";
import detailsReports from "./components/detailsReports.vue";
import { useDetails } from "./useDetails";
import navBar from "../../components/layout/navBar.vue"

const { projectDetails } = useDetails()

const router = useRouter();
const back = async (values: any) => {
    router.go(-1)
}
</script>
<template>
    <div>
           <navBar left="Y" right="N" title="项目详情"></navBar>

    </div>
    <div class="content">
        <listDetails :projectDetails="projectDetails" /> 
        <detailsLatentRisks :latentRisks="projectDetails.latentRisks" />
        <detailsReports :assessmentReports="projectDetails.assessmentReports" />
    </div>
</template>
<style scoped>
.navbar {
    background: url(../../../public/assets/projectPhotos/background.png);
}

:deep(.van-nav-bar__title) {
    color: white;
}
:deep(.van-nav-bar__text) {
    color: white;
}
:deep(.van-icon-arrow-left:before) {
    color: white;
}
.content {
    margin: 20px;
}
</style>